/* 
* @Author: Marte
* @Date:   2017-05-17 10:56:26
* @Last Modified by:   Marte
* @Last Modified time: 2017-05-17 16:45:54
*/
 *{
    margin: 0;
    padding: 0;
}
img{
    border:0;
}
ol, ul ,li{list-style: none;} 
html,body{width: 100%;padding-bottom: 1rem;height:auto;font-size: 14px;font-family: "Microsoft YaHei";overflow:hidden;background-color: #fffdf1;}
a{
    text-decoration: none;
}
input,textarea,button{
    font-family: "Microsoft YaHei";
    outline:none;
}
select{
    -moz-appearance: none;
    -webkit-appearance:none;
            appearance:none; 
            outline:none; 
            font-family: "Microsoft YaHei";
            background:none;
}

/*page*/
.toop{
    display: block;
    width:100%;
    height:2.53rem;
    background:url('../images/toop.jpg') no-repeat;
    background-size: 100% 100%;
}
.contant{
    width:12.42rem;
    height:14.50rem;
    margin:1.26rem auto 0;
    background:#fffdf1;
}
.bottom{
    width:100%;
    height:2.27rem;
    position: absolute;
    bottom:0;
    left: 0;
    background-color: #b2b2b2;
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
}
.bottom .play{
    width:1.32rem;
    height:1.34rem;
    background: url('../images/play.png') no-repeat;
    background-size: 100% 100%;
    position:absolute;
    left:0.48rem;
    top:0.52rem;
}
.bottom .play.active{
    background: url('../images/stop.png') no-repeat;
    background-size: 100% 100%;
}
.bottom .keybox{
    width:8.16rem;
    height:0.26rem;
    background:url('../images/keybox.png') no-repeat;
    background-size: 100% 100%;
    position:absolute;
    left:2.24rem;
    top:1.06rem;
}
.bottom .keybox .key{
    width:0.61rem;
    height:0.62rem;
    background:url('../images/key.png') no-repeat;
    background-size: 100% 100%;
    position:absolute;
    left:0rem;
    top:-0.18rem;
}


.bottom .text{
    font-size: 0.42rem;
    color:#fff;
    position:absolute;
    right:0.6rem;
    top:0.9rem;
}

.tanceng-download{
    width:100%;
    height:100%;
    background:rgba(0, 0, 0, 0.4);
    position:fixed;
    top:0;
    left:0;

}
.tanceng-download a{
    display: block;
    width:12.42rem;
    height:12.43rem;
    background:url('../images/download.png') no-repeat;
    background-size: 100% 100%;
    position:fixed;
    margin:auto; 
    left:0; 
    right:0; 
    top:0; 
    bottom:0; 
}


/*翻页*/
#center {
    left: 50%; position: absolute; top: 50%;
}
#DHTMLBOOK {
    background: #000;
    left: -6.21rem;
    visibility: hidden;
    width: 12.42rem;
    position: relative;
    top: -185px;
    height: 367px;
}
#TXTBOX {
    font-size: 0.8em;
    width: 80%;
    color: #aba193;
    position: absolute;
    top: 376px;
    left: 50%;
    text-align: left;
    margin-left: -40%;
}
.page {
    overflow: hidden; width: 50%; cursor: pointer; position: absolute; height: 100%;
}
.right {
     left: 50%;
}
.turn {
    background: #000000;
}
.img {
    width: 200%; position: absolute; height: 100%;
}